<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/mybooksroom.css">
    <link rel="icon" href="img/booksroom.ico" type="img/x-ico">
    <title>我的书架</title>
</head>
<style>
    .menu {
        width: 1000px;
        line-height: 48px;
        float: left;
        margin-left: 17%
    }
    
    .content {
        width: 760px;
        height: 800px;
        margin: 50px auto;
        border: 1px solid #dddddd;
    }
    
    .boxnovel {
        position: relative;
        float: left;
        width: 110px;
        height: 200px;
        padding: 0px 20px 0px 20px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .novelimg {
        width: 100px;
        height: 133px;
    }
    
    .novelimg img {
        width: 100%;
        height: 100%;
    }
    
    .novelname,
    .novelauthor {
        width: 100%;
        height: 25px;
        color: gray;
    }
</style>

<body>
    <div class="topmenu">
        <div class="menu">
            <img src="img/school.ico" style="float:left">
            <a href="novelmain.do" style="font-size:24px;">首页</a>
            <span style="font-size:24px;padding-left: 498px;color: #58B3EA;">书友：${loginuser.userid}</span>
        </div>
    </div>
    <div class="centertxt">
        <div><strong style="float:left;margin-left: 140px;font-size: 18px;border-bottom: 2px solid red">我的书架</strong></div>
        <div class="content">
        	<c:forEach items="${boosnovel}" var="obj">
	            <div class="boxnovel">
	                <div class="novelimg">
	                    <a href="novel.do?novelid=${obj.novelid}"><img src="../upload/${obj.photourl}"></a>
	                </div>
	                <div class="novelname"><a href="novel.do?novelid=${obj.novelid}">${obj.novelname}</a></div>
	                <div class="novelauthor">${obj.nickname}</div>
	            </div>
	         </c:forEach>
        </div>
    </div>
    <div class="footer">
        <div class="morenovelsweb">
            <a href="https://www.qidian.com/">起点小说网</a>|
            <a href="http://www.xxsy.net/">潇湘书院</a>|
            <a href="http://chuangshi.qq.com/">创世中文网</a>|
            <a href="https://www.readnovel.com/">小说阅读网</a>|
            <a href="https://www.xs8.cn/">言情小说吧</a>
        </div>
        <div class="morenovelsweb">
            <a href="#">关于本站</a>
            <a href="#">联系我们</a>
            <a href="#">帮助中心</a>
            <a href="#">提交建议</a>
        </div>
        <div>
            <span>Copyright © 2019 Software Technology from  <a href="http://www.yngsxy.net/4/">云南工商学院</a></span>
        </div>
    </div>
</body>

</html>